import React, { useState } from "react";
import Team from "../team/index";
import Case from "../case/index";
import Start from "../start/index";
import Process from "../process/index";
import Problem from "../problem/index";
import style from "./index.module.less";
import icon1 from "@/style/imgs/polishZh/tb30.291538a.png";
import icon2 from "@/style/imgs/polishZh/tb31.2c425a4.png";
import icon3 from "@/style/imgs/polishZh/tb39.627a457.png";

const PingguPage = () => {
  const [flowList, setFlowList] = useState([
    { title: "协助回复审稿意见", icon: icon1, type: 1, desic: "适用于有一定写作经验的作者，作者能自行写出中文论文初稿，但在投稿之前还需要对文章的语言进行梳理。我们将确保经过中文基础润色服务后的稿件没有语法错误，标点错误，科学用词错误，用词前后不一致的情况，以及明显的语句结构错误。", tableTitle: "中文基础润色服务价目表", row1: "7个工作日", row2: "5个工作日", row3: "3个工作日", row4: "￥0.40/字", row5: "￥0.50/字", row6: "￥0.60/字", },
    { title: "中文高级润色", icon: icon2, type: 1, desic: "适用于写作经验不足或研究内容难度较高的作者，需要提升语句表达的准确性与段落的逻辑结构，使文章前后逻辑连贯，易于阅读和理解。我们将确保经过中文高级润色服务后的稿件没有语法错误，标点错误，科学用词错误，用词前后不一致的情况，语句结构错误，语句逻辑错误，表意不清的情况；并提高语句表达的准确性和流畅性，段落结构的合理性和逻辑性，以及对科学内容描述的严谨性。", tableTitle: "中文高级润色服务价目表", row1: "7个工作日", row2: "5个工作日", row3: "3个工作日", row4: "￥0.60/字", row5: "￥0.70/字", row6: "￥0.80/字", },
    {
      title: "中文毕业论文润色",
      icon: icon3,
      type: 2,
      desic: "适用于中文硕博毕业论文有润色优化需求的作者，我们将匹配同领域资深学术编辑，确保通过润色，优化行文逻辑，调整文章结构并美化语言等，最终能够帮助作者轻松通过论文评审。",
      title2: "服务内容",
      desic2: ["锤炼语言：修正各类语言错误、科学用词错误、用语前后不一致、句子表意不清；", "调整结构：合理调整结构，使论文层次清晰、结构严谨、首尾照应、重点突出；", "优化逻辑：依照论文主题，对段落语句进行必要的删减和调整，使行文逻辑连贯；", "学术评审：对论文整体的学术质量进行评估，指出存在的错误并提出可改善的建议；", "三轮服务：三轮修改至最终定稿。"],
      title3: "服务时限",
      desic3: "首轮修改和专业学术评审报告在规定工作日返回；后两轮再修改在7个工作日内返回。",
      tableTitle: "中文毕业论文润色服务价目表",
      row1: "15个工作日",
      row2: "12个工作日",
      row3: "10个工作日",
      row4: "7个工作日",
      row5: "￥0.48/字/10万字以上",
      row6: "￥0.50/字/5-10万字",
      row7: "￥0.54/字/3-5万",
      row8: "￥0.60/字/3万字以内",
    },
  ]);

  return <>
    {/* 头部介绍 */}
    <div className={style.banner}>
      <div className={style.banner_content}>
        <div className={`h2 black ${style.h2}`}>通过中文润色服务提高您投稿稿件和毕业论文的质量，增加您投稿期刊的成功率和论文评审的通过率。</div>
        <div className="h3 black">
          • 100%对应学科华人博士专家
        </div>
        <div className="h3 black">
          • 大量节约撰稿时间和精力
        </div>
        <div className="h3 black">
          • 高级润色后可直接投稿
        </div>
      </div>
    </div>
    {/* 为什么选择中文润色服务 */}
    <div className={style.prequalification}>
      <div className={`h2 black ${style.h2}`}>为什么选择中文润色服务</div>
      <div className={style.pre_item}>
        <span>1</span>
        <span>中文学术文章有固定的一套语法和格式。尽管具有优秀的科研水平，很多作者写作和投稿经验不足，因此与优秀期刊及会议失之交臂。</span>
      </div>
      <div className={style.pre_item}>
        <span>2</span>
        <span>万方寰宇中文论文润色的华人专家来自各个科研领域，具有丰富的论文编辑和审稿经验。我们会根据您的论文研究领域选择相应专家进行编辑润色。</span>
      </div>
      <div className={style.pre_item}>
        <span>3</span>
        <span>通过使用万方寰宇的中文论文润色，论文的语言流畅度、逻辑严密性、以及科学内容描述的严谨性均会得到明显提升，从而大大增加论文被理想期刊接收的成功率或提升毕业论文评审的通过率。</span>
      </div>
    </div>
    {/* 中文润色服务选择 */}
    <div className={style.select_body}>
      <div className={`h2 black ${style.h2}`}>中文润色服务选择</div>
      <div className={style.select_content}>
        <div className={style.select_item}>
          <img src={icon1} alt="图片加载失败" style={{marginTop: "14px", marginBottom: "18px"}} />
          <div className="h4 black">中文基础润色</div>
        </div>
        <div className={style.select_item}>
          <img src={icon2} alt="图片加载失败" style={{ width: '52px', height: '60px' }} />
          <div className="h4 black">中文高级润色</div>
        </div>
        <div className={style.select_item}>
          <img src={icon3} alt="图片加载失败" style={{ width: '52px', height: '60px' }} />
          <div className="h4 black">中文毕业论文润色</div>
        </div>
      </div>
    </div>
    {/* 中文润色服务 */}
    <div className={style.select_flow}>
      {flowList.map((item: any, index: number) => {
        const dom: any = <div className={style.flow_item} key={index}>
          <div className={style.flow_header}>
            <img src={item.icon} alt="图片加载失败" />
            <span>{item.title}</span>
          </div>
          <div className={style.flow_desic}>
            {item.desic}
          </div>
          {item.type === 2 && <div className={style.flow_desic2}>
            <div className={style.table_title}>{item.title2}</div>
            {item.desic2.map((itemx: any, indexx: number) => {
              return <div key={indexx}>{itemx}</div>
            })}
          </div>}
          <div className={style.table_title} style={{ 'marginLeft': '60px', 'marginTop': '20px' }}>{item.title3}</div>
          <div className={style.flow_desic}>
            {item.desic3}
          </div>
          <div className={style.flow_table}>
            <div className={style.table_title}>{item.tableTitle}</div>
            <ul>
              <li>
                <span>服务周期</span>
                <span>{item.row1}</span>
                <span>{item.row2}</span>
                <span>{item.row3}</span>
              </li>
              <li>
                <span>费用</span>
                <span>{item.row4}</span>
                <span>{item.row5}</span>
                <span>{item.row6}</span>
              </li>
            </ul>
          </div>
        </div>;
        return dom;
      })}
    </div>
    {/* 服务流程 */}
    <Process />
    {/* 发表案例 */}
    <Case />
    {/* 客户好评 */}
    <Start />
    {/* 服务质量保证 */}
    <div className={style.assurance_body} >
      <div className={`h2 black ${style.h2}`}>服务质量保证</div>
      <p>经万方寰宇深度润色或终极润色服务修改后的完整稿件可以满足期刊对文章的语言要求。如果投稿期刊的编委或者审稿人指出我们的返稿文件中有具体的语言问题，您可以将原始的审稿意见提交给我们，万方寰宇会负责免费重修这些有问题的句段，直至满足该投稿期刊的语言要求。</p>
      <p>注：润色服务旨在提高文章语言质量，但不保证文章的重复率满足投稿期刊的要求，即可能会造成润色后文章整体重复率的上升或下降。如果客户对文章有重复率方面的顾虑或担忧，请参考我们的查重去重服务。</p>
      <div className={`h2 black ${style.h2}`}>免责声明</div>
      <p>在客户选择某一等级的服务后，万方寰宇编辑经过初始评估可能会提出升级服务的要求，如果客户坚持原服务等级，则万方寰宇不对该文章在审稿过程中被指出的语言问题负责。此外，在万方寰宇润色服务结束后，若客户在润色的最终完整稿件中自行添加或修改文字，或者没有接受万方寰宇编辑对语言的修改与建议，导致文章被投稿期刊指出语言问题，则我们也不负责对该稿件进行免费重修。</p>
      {/* <div className={`h2 black ${style.h2}`}>服务时限保证</div>
      <p>万方寰宇向客户承诺将在规定的时限内将稿件编辑/翻译/评阅完毕，并将修改稿、翻译稿、各类评审报告等返回给客户。如有超期返稿的情况，将按以下标准给客户返还一部分项目费用：</p>
      <p>1. 若超过规定返稿时限12小时以上，24小时以下，则返还项目费用总额的5%。</p>
      <p>2. 若超过规定返稿时限24小时以上，48小时以下，则返还项目费用总额的10%。</p>
      <p>3. 若超过规定返稿时限48小时以上，则返还项目费用总额的20%。</p>
      <p>注：随着我们稿件数量的大幅增加，客服和技术人员的工作压力也越来越大。因此，在返稿截止时限前不接受催促编辑返稿或让编辑提前返稿等要求，敬请理解！</p> */}
    </div>
    {/* 编辑团队 */}
    <Team />
    {/* 常见问题 */}
    <Problem />
  </>
}

export default PingguPage;